html {
    height: 100%;
    box-sizing: border-box;
    background-color: #E0E0E0;
    color: #63666a;
}

body {
    position: relative;
    margin: 0;
    padding-bottom: 24px;
    min-height: 100%;
}

footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    margin-bottom: 40px;
}

h5 {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: .5px;
}

.modal>.modal-content h4 {
    font-size: 24px !important;
}

.modal>.modal-content h5 {
    margin-top: 0px;
    margin-right: 16px;
}

.modal>.modal-content>.section {
    padding-top: 0px;
}

.modal>.modal-content>.divider {
    margin-bottom: 1rem;
}

h6,
.dataTables_wrapper .table-top .leftText,
.card h2,
.cardContainer h2 {
    font-size: 20px;
}

.card .card-content .question-survey-header {
    margin-bottom: 10px;
}

.container {
    margin-top: 24px;
    margin-bottom: 122px;
}

.container>h1,
.container>h5 {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: .5px;
    color: #1F2021;
    padding-top: 16px;
    margin-bottom: 24px;
    margin-top: 0.82rem;
}
#expenseLimitsSlideOut .card div>h2 {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 110%;
    margin: 0.82rem 0 0.656rem 0;
}

.accessible-hidden {
    display: block;
    position: absolute;
    left: -999em;
    top: 0;
}

.smallHeader h1 {
    font-size: 24px;
}

.smallHeader h2 {
    font-size: 16px;
}

.smallHeader h3 {
    font-size: 14px;
}

.smallHeader h4 {
    font-size: 12px;
    font-weight: bold;
}

a {
    color: #0075a8;
}

nav {
    text-align: center;
    height: 100%;
}

nav ul li ul {
    line-height: 0px;
}

nav ul li {
    float: none;
    display: inline-block;
}

nav ul.dropdown-content li {
    display: block;
}

nav ul a {
    font-size: 14px;
    color: #63666A;
}

nav .dropdown-content li>a,
nav .dropdown-content li>span {
    font-size: 14px;
    line-height: 15px;
    color: #63666a;
}

#fluidSideNav.side-nav {
    max-width: 500px;
    height: calc(100% + 60px);
}

.side-nav--display {
    display: flex;
    flex-direction: column;
}

.side-nav .side-nav-top-left {
    padding: 0 5px;
    display: inline-block;
}

.side-nav .icon-close {
    padding: 10px;
}

.side-nav-content {
    padding: 5px;
    flex: 1 1 auto;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.side-nav .side-nav-footer {
    padding: 5px;
    flex: 0 0 auto;
    display: flex;
    justify-content: space-between;
}

.side-nav-overlay--no-scroll {
    overflow: hidden;
}

.side-nav .collapsible-body li a,
.side-nav.fixed .collapsible-body li a {
    padding: 10px 23.5px 10px 31px;
}


/*side nav - allow text to wrap*/

.side-nav li>a {
    font-weight: normal;
    height: auto;
    line-height: 24px;
    color: #63666a;
}

.side-nav {
    max-width: 300px;
    width: 80%;
}

nav ul a:hover {
    background-color: inherit;
    box-shadow: inset 0 -2px 0 #53a4da;
}

nav .dropdown-content li:hover,
nav .dropdown-content a.navLinks:hover {
    background-color: #f5f5f5;
    box-shadow: none;
}

.btn {
    background-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: auto;
    min-height: 36px;
    font-weight: 500;
}


.btn--primary {
    border: 1px solid #008e4b;
}

.buttonTertiary,
.btn-flat {
    border: 1px solid transparent;
}

.btn:hover {
    background-color: transparent;
}

.btn.buttonPrimary:hover,
.btn.btn--primary:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn.buttonSecondary:hover,
.btn.btn--secondary:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn.buttonSecondary,
.btn.btn--secondary {
    background-color: white;
}

.btn.buttonTertiary,
.btn.btn-flat {
    font-weight: 500;
}

.btn.buttonTertiary:hover,
.btn.btn-flat:hover {
    background-color: #eeeeee;
}

.z-depth-1-half,
.btn:hover,
.btn-large:hover,
.btn-floating:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.hoverable:hover {
    box-shadow: none;
}

.collapsible {
    border: none;
}

.modal,
.modal-footer,
.modal .modal-footer,
.pcmMaterialize .modalPopup {
    background-color: #fff;
    z-index: 1000;
    -webkit-overflow-scrolling: touch;
}

.modal .waves-effect,
.modal-footer .waves-effect,
.modal .modal-footer .waves-effect,
.pcmMaterialize .modalPopup .waves-effect {
    overflow: visible;
}

.modal .waves-ripple,
.modal-footer .waves-ripple,
.modal .modal-footer .waves-ripple,
.pcmMaterialize .modalPopup .waves-ripple {
    display: none;
}

.picker__date-display {
    background-color: #4dbf78;
}

.picker__today,
.picker__clear {
    color: #008e4b;
}

.picker__close {
    color: #008e4b;
}

.dataTable input[type="text"].datepicker {
    min-width: 100px;
}

span.datepicker__button {
    background-color: white;
    border: 1px solid #008e4b;
    border-radius: 2px;
    color: #008e4b;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 24px;
    height: 36px;
    line-height: 36px;
    padding: 0;
    text-align: center;
    vertical-align: bottom;
    width: 36px;
}

span.datepicker__button:hover {
    background-color: #008e4b;
    color: #fff;
}

input[type=text].picker__input.picker__input--has-button {
    background-image: none;
    min-width: 0;
    width: calc(100% - 50px);
}

input[type=text].picker__input.picker__input--editable {
    background-image: none;
    cursor: default;
}

input.picker__input,
input.picker__input[readonly] {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE2MkU5NDA4OTQwNzExRTc4RUM0RDMwQjFCQ0EyOTQ1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE2MkU5NDA5OTQwNzExRTc4RUM0RDMwQjFCQ0EyOTQ1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTYyRTk0MDY5NDA3MTFFNzhFQzREMzBCMUJDQTI5NDUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTYyRTk0MDc5NDA3MTFFNzhFQzREMzBCMUJDQTI5NDUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4kxTxbAAAAd0lEQVR42mIsLS1lQAL/obQgEH9gwA3g6rq6usDqmBioBBiBLgoG0jOBWJhMM94CcTbIRTMoMIQBqncqyCARKvhMmGphRDWDWJDYCkD8kQwz3qMb9JFA2qGP10YNGjWIWga9RUrq/8nA4DIJZFA2kmFkF2wAAQYARC4ipcMk4AYAAAAASUVORK5CYII=') no-repeat center right;
    cursor: pointer;
}

input.picker__input[disabled],
input.picker__input.disabled {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGxmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOC0wMS0yM1QxMToxMjoyNS0wNjowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTgtMDEtMjNUMTE6MzE6MTMtMDY6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTgtMDEtMjNUMTE6MzE6MTMtMDY6MDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ZmQxNzY4ZjItNzEyMi1iYzQwLWFkNjItMzZiMzg1YWJjZjQ3IiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZjgwMTIxNjUtM2Y2Yi1mNDQ4LWFiMGItMDEyYmEyYmI2NWI5IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QTYyRTk0MDk5NDA3MTFFNzhFQzREMzBCMUJDQTI5NDUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNjJFOTQwNjk0MDcxMUU3OEVDNEQzMEIxQkNBMjk0NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNjJFOTQwNzk0MDcxMUU3OEVDNEQzMEIxQkNBMjk0NSIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoyNzJhMDRlYS02YTM0LTQ4NDAtOGI5My00NmU2NGFjNmI2OTciIHN0RXZ0OndoZW49IjIwMTgtMDEtMjNUMTE6MzE6MTMtMDY6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmZkMTc2OGYyLTcxMjItYmM0MC1hZDYyLTM2YjM4NWFiY2Y0NyIgc3RFdnQ6d2hlbj0iMjAxOC0wMS0yM1QxMTozMToxMy0wNjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz72U9/hAAAAWElEQVQ4EWM4ePAgAxL+D8UCaOIMuNT9//+fAYQZqGlQMBC/QZIkFYP0hoMMek2BIXDDGKhgCBgPboPkobFFKsYwiFCU400KowaNGjToDHpDrWIknBoFGwBujeEuWYTiiAAAAABJRU5ErkJggg==') no-repeat center right;
}

input.picker__input.invalid.hasErrorIcon {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE2MkU5NDA4OTQwNzExRTc4RUM0RDMwQjFCQ0EyOTQ1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE2MkU5NDA5OTQwNzExRTc4RUM0RDMwQjFCQ0EyOTQ1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTYyRTk0MDY5NDA3MTFFNzhFQzREMzBCMUJDQTI5NDUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTYyRTk0MDc5NDA3MTFFNzhFQzREMzBCMUJDQTI5NDUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4kxTxbAAAAd0lEQVR42mIsLS1lQAL/obQgEH9gwA3g6rq6usDqmBioBBiBLgoG0jOBWJhMM94CcTbIRTMoMIQBqncqyCARKvhMmGphRDWDWJDYCkD8kQwz3qMb9JFA2qGP10YNGjWIWga9RUrq/8nA4DIJZFA2kmFkF2wAAQYARC4ipcMk4AYAAAAASUVORK5CYII=') no-repeat center right 30px;
    cursor: pointer;
}

input.picker__input--small {
    font-size: 14px !important;
}

@media (max-width: 751px) {
    input.picker__input--small {
        /* prevent zoom in on mobile devices */
        font-size: 16px !important;
    }
}

.timepicker {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAktJREFUSInVlcFS01AUhr+TSreGJ7C+gLQ4zDjjQt25Mz4BoVAGumqfAN/Aukk1JSU8QevOnbBzhlHiE0jfAHYCJsdFbkOgTam40X+Vuefm/8+59/znwv8OmRV03ZZdKp+/AhyFqiAVAJQI0RNgGPjd/TsJrG9uO6qyJ4I9i0DRE4F24HeH0+JWAXkIMhDBVtVDVdZiK3kY+J4EviexUlO0jTJKq5JBvdHcm6sCQ75qsmv3/W6nKHtzhJ1svxL2e95aocD65rYDMgCIlVrY86Ii8jzqjaYrgqlAX+ePq5TPRkrxQBBblbW9nvdpsrqm1h6vyPHXo4P8+vG3o2h5eWUR4YmqvFx69PRDFH35Cbk7sBYuHEEqqnrY73nhPJnnEV+W34CeiWBbCxdOxjv+EDCL8sfkAGHYOUXTf6+4rndRFSC5LE9tt3kgmgwBVHRpUkB4kGVyR/wS6zSlMoakwAezoatpt82HKwFlBOBubVWKNkuSvADOQAbrje3PN/fe08ROqfT7pABEAFZsPS8S2N19f9D3u1VF2wi1UmL9qG82d7IcxXIAxHBdE1BIL1d0h1vQ97ud2NIqykdRFiH1kYJxtGQ+yZxsbH8Ccv+2ETEN2YhRRkHPm7xk0z1uqipvNza2Co/qJuqNpjueR4i28rGZww6lFfS8d0XErtuyrfL5jiCGVPcDv+vOFJgiEgFhDIfj4ec2mtUSPFPR1lXPT5IXChgRB5XO2IDF0DPALXpwZj6ZYEYxOCpaEWTJVDUCIoVhclke/o37/338BmCE/Jpm98oUAAAAAElFTkSuQmCC') no-repeat right;
    cursor: text;
    /*To fix the time picker overflow problem with the time picker icon*/
    min-width: 90px !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .picker.picker--opened{
        position: fixed !important;
    }
}

/*
The following selector's styles are identical to those provided for .picker--opened .picker__frame (min-height: 35.875em) in materialize.min.css.
Without this override, the datepicker modal has a top of 0 when the windows is under specified height
*/
.picker--opened .picker__frame {
    top: 10%;
    bottom: auto;
}

/*
The following selector's styles are identical to those provided for .picker__day--disabled in materialize.min.css.
Without this override, .picker__date--infocus overrides the disabled styles
*/
div.picker__day--disabled {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #dddddd;
    cursor: default;
}

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
    background-color: #008e4b;
}

.fixed-action-btn.toolbar ul li a {
    font-size: .8em;
    line-height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fixed-action-btn.toolbar.active {
    background-color: #fff;
}

.ddbGroup {
    display: inline-block;
    position: relative;
}

.ddbGroup .dropdown-button.btn {
    background-color: #ffffff;
    color: #63666a;
    text-transform: none;
}

.btn.dropdownIconDown::after {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 32px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    margin-bottom: 2px;
    vertical-align: middle;
    content: "\E5C5";
}

.btn.dropdownIconUp::after {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 32px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    margin-bottom: 2px;
    vertical-align: middle;
    content: "\E5C7";
}

.dropdown-content {
    min-width: 139px;
}

.dropdown-button.btn {
    font-size: 14px;
}

.dropdown-content {
    border-top: 1px solid lightgray;
}

.dropdown-content li>a,
.dropdown-content li>span {
    font-size: 14px;
    color: #63666a;
    display: block;
    line-height: 22px;
    padding: 14px 16px;
}

.dropdown-content li.ddbSectionHeader {
    display: block;
    font-weight: bold;
    background: #E3E2E2;
    cursor: default;
    pointer-events: none;
    font-size: 14px;
    color: #63666a;
    line-height: 22px;
    padding: 14px 16px;
}

.splitPosition {
    left: 0px !important;
    min-width: 163px;
}

.ddbGroup.splitBtn .dropdown-button {
    padding-left: 10px;
    padding-right: 10px;
}

.ddbGroup.splitBtn .dropdown-button:first-of-type {
    padding-right: 0px;
}

.ddbGroup.splitBtn .dropdown-button:last-of-type {
    margin-left: 10px;
}

.ddbGroup.splitBtn .splitUp,
.ddbGroup.splitBtn .splitDown {
    border-left: 1px solid #9e9e9e;
}

.splitUp::after {
    display: inline-block;
    width: 0;
    color: green;
    height: 0;
    margin-left: .3em;
    margin-bottom: 2px;
    vertical-align: middle;
    content: "";
    /*border-top: .3em solid;*/
    border-right: .4em solid transparent;
    border-left: .4em solid transparent;
    border-top: 0;
    border-bottom: .4em solid;
}

.splitDown::after {
    display: inline-block;
    width: 0;
    color: green;
    height: 0;
    margin-left: .3em;
    margin-bottom: 2px;
    vertical-align: middle;
    content: "";
    border-top: .4em solid;
    border-right: .4em solid transparent;
    border-left: .4em solid transparent;
}

.btnSplit+.dropdown-content {
    top: 36px;
}

.btnSplit {
    padding: 0 10px;
    margin-left: -7px;
}

.splitHide {
    display: none;
}

.progress-bar-danger {
    background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}


/*
The following two are for determinant progress bars in tables
check percentCompleteDecorator for implemenation
 */

.inline-progress .progress {
    display: inline-block;
    width: 60%;
    margin: 0;
    margin-right: 10%;
    vertical-align: middle;
}

.inline-progress .label,
.inline-progress span {
    width: 30%;
}

.btn-container {
    margin: 0;
}

.surveyButtons {
    margin: 0 !important;
}


/*Modal Button Override to look like btn-flat style*/

.modal-content .btn-container .btn {
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
}

.modal-content .btn-container .btn:focus,
.modal-content .btn-container .btn:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.modal-content .btn-container .btn.disabled {
    background-color: transparent !important;
    color: #b3b2b2 !important;
    cursor: default
}

.modal-content .btn-container .btn:focus,
.modal-content .btn-container .btn:focus {
    background-color: rgba(0, 0, 0, 0.1);
}

.material-tooltip {
    max-width: 622px;
    text-align: left;
    /* Prevents chrome from rendering ghost line under tooltip. */
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
}


@media only screen and (max-width: 1024px) {

    .material-tooltip {
        max-width: 500px;
    }
}

@media only screen and (max-width: 767px) {

    .material-tooltip {
        -moz-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        margin-left: 8px !important;
        margin-right: 8px !important;
    }
}

@media only screen and (min-width: 601px) {
    nav {
        line-height: 56px;
    }
}

@media only screen and (max-width: 1200px) {
    html {
        font-size: 14px;
    }
}

@media only screen and (min-width: 1200px) {
    html {
        font-size: 14px;
    }
}

.pcmMaterialize .modal>.modal-content>h4 {
    font-size: 1.5rem;
    color: #404040;
}

.pcmMaterialize .fbText.readOnlyField {
    height: 2.6rem;
    line-height: 2.05rem;
    border-bottom: 1px dotted rgba(0,0,0,.3);
    margin: 0 0 20px 0;
}


/*prevent text from overlapping dropdown arrow*/

.select-wrapper {
    padding-right: 12px;
}

.select-wrapper input[type=text]:not(.browser-default) {
    margin: 0 0 10px 0;
    padding-right: 12px;
}

input::-ms-clear {
    display: none;
}

input[type="radio"]+label,
input[type="checkbox"]+label {
    color: inherit;
}


/*disabled checkboxes*/

[type="checkbox"][disabled],
[type="checkbox"][disabled]+label {
    cursor: not-allowed;
}

@media only screen and (max-width: 1200px) {
    html {
        font-size: 14px;
    }
}

@media only screen and (min-width: 1200px) {
    html {
        font-size: 14px;
    }
}

@media only screen and (max-width: 991px) {
    div[name="start_date_column"] {
        padding-top: 8px !important;
    }

    .input-field.col .datepicker.picker__input:not(input[name=birth_date]):not(#reviewSignatureDate) ~ label {
        left: 0.15rem !important;
    }
}

#toast-container {
    top: auto !important;
    right: auto !important;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
}

.closeLocation {
    position: absolute;
    top: 10px;
    right: 10px;
}

.pull-right {
    float: right
}

.expandToast {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.hideShowOption {
    display: none;
}

.toast {
    word-break: keep-all;
}

.toastCompanyMessages {
    padding-right: 80px;
    word-break: keep-all;
    word-spacing: normal;
    word-wrap: normal;
}

.oneLineLegalDisclaimer {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 54px;
    width: 100%;
    background-color: white;
    z-index: 10;
}

.twoLineLegalDisclaimer,
.languagePreferenceNotification {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: white;
    z-index: 10;
}

.legalDisclaimerPadding {
    padding-top: 8px;
}

.createHover {
    cursor: pointer;
}


/*fix for alert boxes in rows*/

.container .row>.alert-info,
.container .row>.alert-success,
.container .row>.alert-warning,
.container .row>.alert-danger {
    margin-left: 1rem;
    margin-right: 1rem;
}


/*fix for alert boxes in rows within rows*/

.container .row .row>.alert-info,
.container .row .row>.alert-success,
.container .row .row>.alert-warning,
.container .row .row>.alert-danger {
    margin-left: .75rem;
    margin-right: .75rem;
}


/*fix for alert boxes in rows w/in rows on mobile inside of card-content*/

@media (max-width: 600px) {

    .container .row .card-content .row>.alert-info,
    .container .row .card-content .row>.alert-success,
    .container .row .card-content .row>.alert-warning,
    .container .row .card-content .row>.alert-danger {
        margin-left: .75rem;
        margin-right: .75rem;
    }
}

.card .card-content,
.modal .modal-content {
    padding: 8px;
}

@media only screen and (min-width: 601px) {

    .card .card-content,
    .modal .modal-content {
        padding: 24px;
    }
}

@media only screen and (max-width: 600px) {
    .container {
        padding: 0 8px;
        margin-top: 24px;
        margin-bottom: 122px;
        width: 100%;
    }

    .container .row.btn-container {
        margin-left: 0;
        margin-right: 0;
    }

    .modal .row {
        padding: 0 8px 0 8px;
        margin-bottom: 0;
    }

    .modal .row .col {
        padding: 0;
        margin-bottom: 0;
    }

    .pcmMaterialize .modal>.modal-content{
        padding-top: 30px;
    }
}

.card.menuMain {
    margin-bottom: 0px;
}

.modal:not(.bottom-sheet) {
    max-height: 90%;
    top: 5% !important;
}

.ajaxProgress {
    position: fixed !important;
    top: 50%;
    left: 50%;
    z-index: 999;
    width: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


/*IE8 uses browser default*/

select.browser-default {
    border: none;
    cursor: pointer;
    border-bottom: 1px solid #9e9e9e;
    /*text-transform: uppercase;*/
}

select.browser-default::-ms-expand {
    display: none;
}

select.browser-default>option {
    padding: 10px;
}

select:disabled::-ms-value {
    color: rgba(0, 0, 0, 0.42);
}

.select-wrapper span.caret {
    cursor: pointer;
}


/*Nav bar links font sizes*/

@media (max-width: 1600px) {
    nav ul a {
        padding: 0 10px
    }

    nav ul a.smallList {
        font-size: 14px;
        padding: 0 15px;
    }

    nav .dropdown-content li>a,
    nav .dropdown-content li>span {
        padding: 14px 16px;
    }

    nav .dropdown-content li>a.smallList,
    nav .dropdown-content li>span.smallList {
        padding: 14px 16px;
    }
}

@media (max-width: 1320px) {
    nav ul a {
        font-size: 12px;
        padding: 0 6px
    }

    nav ul a.smallList {
        font-size: 14px;
        padding: 0 15px;
    }

    nav .dropdown-content li>a,
    nav .dropdown-content li>span {
        font-size: 12px;
        padding: 14px 16px;
    }

    nav .dropdown-content li>a.smallList,
    nav .dropdown-content li>span.smallList {
        font-size: 14px;
        padding: 14px 16px;
    }
}

@media (max-width: 1070px) {
    nav ul a {
        font-size: 11px;
        padding: 0 6px
    }

    nav ul a.smallList {
        font-size: 14px;
        padding: 0 15px;
    }

    nav .dropdown-content li>a {
        font-size: 11px;
        padding: 14px 16px;
    }

    nav .dropdown-content li>a.smallList,
    nav .dropdown-content li>span.smallList {
        font-size: 14px;
        padding: 14px 16px;
    }
}

label.active {
    width: 100%;
}

.file-field.input-field label:not(.label-icon).active {
    -webkit-transform: translateY(-14px);
    transform: translateY(-14px);
    font-size: .8rem;
}

input:not([type]).invalid+label:before,
input:not([type]).valid+label:before,
input[type=text]:not(.browser-default).invalid+label:before,
input[type=text]:not(.browser-default).valid+label:before,
input[type=password]:not(.browser-default).invalid+label:before,
input[type=password]:not(.browser-default).valid+label:before,
input[type=email]:not(.browser-default).invalid+label:before,
input[type=email]:not(.browser-default).valid+label:before,
input[type=url]:not(.browser-default).invalid+label:before,
input[type=url]:not(.browser-default).valid+label:before,
input[type=time]:not(.browser-default).invalid+label:before,
input[type=time]:not(.browser-default).valid+label:before,
input[type=date]:not(.browser-default).invalid+label:before,
input[type=date]:not(.browser-default).valid+label:before,
input[type=datetime]:not(.browser-default).invalid+label:before,
input[type=datetime]:not(.browser-default).valid+label:before,
input[type=datetime-local]:not(.browser-default).invalid+label:before,
input[type=datetime-local]:not(.browser-default).valid+label:before,
input[type=tel]:not(.browser-default).invalid+label:before,
input[type=tel]:not(.browser-default).valid+label:before,
input[type=number]:not(.browser-default).invalid+label:before,
input[type=number]:not(.browser-default).valid+label:before,
input[type=search]:not(.browser-default).invalid+label:before,
input[type=search]:not(.browser-default).valid+label:before,
textarea.materialize-textarea.invalid+label:before,
textarea.materialize-textarea.valid+label:before {
    display: none;
}

input:not([type]).invalid+label.active:before,
input:not([type]).valid+label.active:before,
input[type=text]:not(.browser-default).invalid+label.active:before,
input[type=text]:not(.browser-default).valid+label.active:before,
input[type=password]:not(.browser-default).invalid+label.active:before,
input[type=password]:not(.browser-default).valid+label.active:before,
input[type=email]:not(.browser-default).invalid+label.active:before,
input[type=email]:not(.browser-default).valid+label.active:before,
input[type=url]:not(.browser-default).invalid+label.active:before,
input[type=url]:not(.browser-default).valid+label.active:before,
input[type=time]:not(.browser-default).invalid+label.active:before,
input[type=time]:not(.browser-default).valid+label.active:before,
input[type=date]:not(.browser-default).invalid+label.active:before,
input[type=date]:not(.browser-default).valid+label.active:before,
input[type=datetime]:not(.browser-default).invalid+label.active:before,
input[type=datetime]:not(.browser-default).valid+label.active:before,
input[type=datetime-local]:not(.browser-default).invalid+label.active:before,
input[type=datetime-local]:not(.browser-default).valid+label.active:before,
input[type=tel]:not(.browser-default).invalid+label.active:before,
input[type=tel]:not(.browser-default).valid+label.active:before,
input[type=number]:not(.browser-default).invalid+label.active:before,
input[type=number]:not(.browser-default).valid+label.active:before,
input[type=search]:not(.browser-default).invalid+label.active:before,
input[type=search]:not(.browser-default).valid+label.active:before,
textarea.materialize-textarea.invalid+label.active:before,
textarea.materialize-textarea.valid+label.active:before {
    display: block;
}

input:not([type]).invalid+label:before,
input:not([type]):focus.invalid+label:before,
input[type=text]:not(.browser-default).invalid+label:before,
input[type=text]:not(.browser-default):focus.invalid+label:before,
input[type=password]:not(.browser-default).invalid+label:before,
input[type=password]:not(.browser-default):focus.invalid+label:before,
input[type=email]:not(.browser-default).invalid+label:before,
input[type=email]:not(.browser-default):focus.invalid+label:before,
input[type=url]:not(.browser-default).invalid+label:before,
input[type=url]:not(.browser-default):focus.invalid+label:before,
input[type=time]:not(.browser-default).invalid+label:before,
input[type=time]:not(.browser-default):focus.invalid+label:before,
input[type=date]:not(.browser-default).invalid+label:before,
input[type=date]:not(.browser-default):focus.invalid+label:before,
input[type=datetime]:not(.browser-default).invalid+label:before,
input[type=datetime]:not(.browser-default):focus.invalid+label:before,
input[type=datetime-local]:not(.browser-default).invalid+label:before,
input[type=datetime-local]:not(.browser-default):focus.invalid+label:before,
input[type=tel]:not(.browser-default).invalid+label:before,
input[type=tel]:not(.browser-default):focus.invalid+label:before,
input[type=number]:not(.browser-default).invalid+label:before,
input[type=number]:not(.browser-default):focus.invalid+label:before,
input[type=search]:not(.browser-default).invalid+label:before,
input[type=search]:not(.browser-default):focus.invalid+label:before,
textarea.materialize-textarea.invalid+label:before,
textarea.materialize-textarea:focus.invalid+label:before,
.select-wrapper.invalid+label:before {
    content: "\E88F";
}

input:not([type])+label:before,
input[type=text]:not(.browser-default)+label:before,
input[type=password]:not(.browser-default)+label:before,
input[type=email]:not(.browser-default)+label:before,
input[type=url]:not(.browser-default)+label:before,
input[type=time]:not(.browser-default)+label:before,
input[type=date]:not(.browser-default)+label:before,
input[type=datetime]:not(.browser-default)+label:before,
input[type=datetime-local]:not(.browser-default)+label:before,
input[type=tel]:not(.browser-default)+label:before,
input[type=number]:not(.browser-default)+label:before,
input[type=search]:not(.browser-default)+label:before,
textarea.materialize-textarea+label:before,
.select-wrapper+label:before {
    content: "";
    position: absolute;
    bottom: -32px;
    left: 0;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    color: #f44336;
}

input:not([type]).invalid+label.active:after,
input:not([type]).valid+label.active:after,
input[type=date]:not(.browser-default).invalid+label.active:after,
input[type=date]:not(.browser-default).valid+label.active:after,
input[type=datetime-local]:not(.browser-default).invalid+label.active:after,
input[type=datetime-local]:not(.browser-default).valid+label.active:after,
input[type=datetime]:not(.browser-default).invalid+label.active:after,
input[type=datetime]:not(.browser-default).valid+label.active:after,
input[type=email]:not(.browser-default).invalid+label.active:after,
input[type=email]:not(.browser-default).valid+label.active:after,
input[type=number]:not(.browser-default).invalid+label.active:after,
input[type=number]:not(.browser-default).valid+label.active:after,
input[type=password]:not(.browser-default).invalid+label.active:after,
input[type=password]:not(.browser-default).valid+label.active:after,
input[type=search]:not(.browser-default).invalid+label.active:after,
input[type=search]:not(.browser-default).valid+label.active:after,
input[type=tel]:not(.browser-default).invalid+label.active:after,
input[type=tel]:not(.browser-default).valid+label.active:after,
input[type=text]:not(.browser-default).invalid+label.active:after,
input[type=text]:not(.browser-default).valid+label.active:after,
input[type=time]:not(.browser-default).invalid+label.active:after,
input[type=time]:not(.browser-default).valid+label.active:after,
input[type=url]:not(.browser-default).invalid+label.active:after,
input[type=url]:not(.browser-default).valid+label.active:after,
textarea.materialize-textarea.invalid+label.active:after,
textarea.materialize-textarea.valid+label.active:after {
    padding-left: 1.75rem;
}

input:not([type]), input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default) {
    padding: 0.75rem 0 0.75rem;
    height: auto;
    line-height: 1.5rem;
}

.pcm-select-search__input {
    padding-left: 24px !important;
}

.filterSearchInput  {
    line-height: 2.94rem !important;
}

#additionalDocSearch {
    padding-top: 0px;
}

table.dataTable .picker__table td,
table.dataTable .picker__table th {
    margin: 0;
    padding: 0;
    border-top: none !important;
    border-bottom: none !important;
}

@media screen and (max-width: 600px) {
    .modal.open {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
    }

    .collection .collection-item.avatar .secondary-content {
        position: static;
    }

    .modal:not(.bottom-sheet) {
        width: 95%;
        top: 5% !important;
    }

    /*Changes the padding to fix a wrapping issue when question name is more than a line*/
    .security-form .kill-margin .row .col {
        padding: 0 1.75rem;
    }

    .card.card---kill-row .row input[name="first_security_question"],
    .card.card---kill-row .row input[name="second_security_question"] {
        padding-top: 20px;
    }

    .card.card---kill-row .row input[name="first_security_question"] label.active {
        margin-top: 15px;
    }
}

table.dataTable>tbody>tr.child ul.dtr-details li,
table.dataTable>tbody>tr.child ul.dtr-details li:first-child {
    display: table;
    width: 100%;
}

table.dataTable>tbody>tr.child span.dtr-title,
table.dataTable>tbody>tr.child span.dtr-data {
    display: table-cell;
}

textarea.materialize-textarea {
    min-height: 3.2rem;
    padding: .75rem 0 0.75rem;
    box-sizing: border-box;
    overflow-y: auto;
    line-height: 1.5rem !important;
}

/*at 1100px, make the width 100% up until 992px*/

@media screen and (max-width: 1100px) and (min-width: 992px) {
    .filter-settings.m6 {
        width: 100% !important;
    }
}

@media screen and (max-width: 750px) and (min-width: 601px) {
    .filter-settings.m6 {
        width: 100% !important;
    }
}


/*fits buttons next to each other on smaller devices*/

@media screen and (max-width:414px) {
    .btn {
        padding: 0 1rem !important;
    }
}

@media screen and (max-width:600px) {
    .modal.open:not(.bottom-sheet) {
        width: 95% !important;
    }

    .picker--opened .picker__frame {
        top: 8% !important;
    }
}

@media all and (max-width: 1024px) {
    .modal.open::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 5px;
    }

    .modal.open::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: rgba(0, 0, 0, .5);
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
    }
}

.picker__clear,
.picker__today,
.picker__close {
    display: none;
}

.strongText {
    font-weight: bold;
}

.input-field>select.browser-default,
.input-field>select,
select {
    display: block;
    position: relative;
    width: 100%;
    pointer-events: all;
    min-height: 3.1rem;
    top: auto;
    left: auto;
    opacity: 1;
    border: 0;
    border-bottom: 1px solid rgb(158, 158, 158);
    padding-left: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAPCAYAAAGEvU8KAAAAAXNSR0IArs4c6QAAAOhJREFUOBG1UlsOgjAQpFxVY4zxDuIdjDFGrwoyxGkG2N1C0P5Ad56lpP3x3HRte6l0Ybg7nDrMEl+UUGFIIAExffr5+3kf8KxWbw7tjC86yJlFBZ6wzt5KmGWCrQTsw9YgeGsUC5J3dDXQSrmzEiwTFSnXfYeJC/ZA+J1DYV1f3XsoCV+PW5PPPL0GT5z6RAiBZzE2JQMVzsSRwVRoii0DS+iK1cATghOu4j1Dbf1RoesGkCcZ3dQ/CzCQnUfBHP6ywDSQGWYwwS0FvEB6h8EkrSlQCqTnomCSowJLA+m1KpgiLbA2kB4f9pSYQKfoL3cAAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 15px;
    background-color: transparent;
    padding-right: 20px;
}

select::-ms-value {
    background-color: transparent;
    color: #63666a;
}

select.browser-default.readonly {
    cursor: not-allowed;
}

.pcmMaterialize div.view-large-select-input {
    position: relative;
    background-position: 0 10px;
}

.pcmMaterialize div.view-large-select-input>input {
    min-height: 2.5rem;
}

.view-large-select-input::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAPCAYAAAGEvU8KAAAAAXNSR0IArs4c6QAAAOhJREFUOBG1UlsOgjAQpFxVY4zxDuIdjDFGrwoyxGkG2N1C0P5Ad56lpP3x3HRte6l0Ybg7nDrMEl+UUGFIIAExffr5+3kf8KxWbw7tjC86yJlFBZ6wzt5KmGWCrQTsw9YgeGsUC5J3dDXQSrmzEiwTFSnXfYeJC/ZA+J1DYV1f3XsoCV+PW5PPPL0GT5z6RAiBZzE2JQMVzsSRwVRoii0DS+iK1cATghOu4j1Dbf1RoesGkCcZ3dQ/CzCQnUfBHP6ywDSQGWYwwS0FvEB6h8EkrSlQCqTnomCSowJLA+m1KpgiLbA2kB4f9pSYQKfoL3cAAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 15px;
}

.pcmMaterialize .view-large-select-input>img {
    display: none;
}

select.browser-default+label,
.input-field>select+label {
    top: -1.75rem;
    font-size: .8rem;
}

.modal .view-large-select-list>ul {
    max-height: 125px !important;
}

@media (max-width: 992px) {
    h1 {
        font-size: 54px;
    }

    h2 {
        font-size: 46px;
    }

    h3 {
        font-size: 38px;
    }

    h4 {
        font-size: 28px;
    }

    h5,
    .modal>.modal-content h4 {
        font-size: 20px !important;
        margin: 0;
    }

    .card h2,
    .cardContainer h2 {
        margin: .82rem 0 .656rem 0;
    }

    .container>h5, .container>h1 {
        margin: 20px 0;
    }

    h6,
    .dataTables_wrapper .table-top .leftText,
    .card h2,
    .cardContainer h2 {
        font-size: 16px;
    }

    .modal .view-large-select-list>ul {
        text-indent: 0 !important;
        padding-left: 14px !important;
        position: initial !important;
        margin-bottom: 30px !important;
    }

    input,
    textarea,
    select {
        font-size: 16px !important;
    }
}

.drag-target {
    display: none;
}


/*Fixes for the displacement of the inputs div containers for Exemption/Allowance fields in Edit Tax Information*/

.pcm-table.standard.table.tableNoMargin.pcmMobileTable.nowrap.dataTable.no-footer.dtr-column .input-field {
    margin-top: 0;
    margin-bottom: 5px;
}


/*Fixes for the alignment of the inputs Exemption/Allowance fields in Edit Tax Information*/

.pcm-table.standard.table.tableNoMargin.pcmMobileTable input {
    margin-bottom: 0;
}


/*Fixes for the alignment addon-exceptions divs for all the States state taxes in Exemption/Allowance fields on Edit Tax Information*/

.pcm-table.standard.table.tableNoMargin.pcmMobileTable.nowrap.dataTable.no-footer.dtr-column .CO.State.Taxes,
.pcm-table.standard.table.tableNoMargin.pcmMobileTable.nowrap.dataTable.no-footer.dtr-column .OH.State.Taxes,
.pcm-table.standard.table.tableNoMargin.pcmMobileTable.nowrap.dataTable.no-footer.dtr-column .AL.State.Taxes,
.pcm-table.standard.table.tableNoMargin.pcmMobileTable.nowrap.dataTable.no-footer.dtr-column .AR.State.Taxes,
.pcm-table.standard.table.tableNoMargin.pcmMobileTable.nowrap.dataTable.no-footer.dtr-column .CT.State.Taxes,
.pcm-table.standard.table.tableNoMargin.pcmMobileTable.nowrap.dataTable.no-footer.dtr-column .DC.State.Taxes,
.pcm-table.standard.table.tableNoMargin.pcmMobileTable.nowrap.dataTable.no-footer.dtr-column .HI.State.Taxes,
.pcm-table.standard.table.tableNoMargin.pcmMobileTable.nowrap.dataTable.no-footer.dtr-column .IA.State.Taxes,
.pcm-table.standard.table.tableNoMargin.pcmMobileTable.nowrap.dataTable.no-footer.dtr-column .KS.State.Taxes,
.pcm-table.standard.table.tableNoMargin.pcmMobileTable.nowrap.dataTable.no-footer.dtr-column .KY.State.Taxes,
.pcm-table.standard.table.tableNoMargin.pcmMobileTable.nowrap.dataTable.no-footer.dtr-column .MA.State.Taxes,
.pcm-table.standard.table.tableNoMargin.pcmMobileTable.nowrap.dataTable.no-footer.dtr-column .MD.State.Taxes,
.pcm-table.standard.table.tableNoMargin.pcmMobileTable.nowrap.dataTable.no-footer.dtr-column .MI.State.Taxes,
.pcm-table.standard.table.tableNoMargin.pcmMobileTable.nowrap.dataTable.no-footer.dtr-column .ME.State.Taxes,
.pcm-table.standard.table.tableNoMargin.pcmMobileTable.nowrap.dataTable.no-footer.dtr-column .MN.State.Taxes,
.pcm-table.standard.table.tableNoMargin.pcmMobileTable.nowrap.dataTable.no-footer.dtr-column .MO.State.Taxes,
.pcm-table.standard.table.tableNoMargin.pcmMobileTable.nowrap.dataTable.no-footer.dtr-column .NC.State.Taxes,
.pcm-table.standard.table.tableNoMargin.pcmMobileTable.nowrap.dataTable.no-footer.dtr-column .NY.State.Taxes {
    padding-top: 10px;
}


/*Fixes for the alignment addon-exceptions divs for the States state taxes in Exemption/Allowance fields on Edit Tax Information*/

.pcm-table.standard.table.tableNoMargin.pcmMobileTable.nowrap.dataTable.no-footer.dtr-column .IN.State.Taxes,
.pcm-table.standard.table.tableNoMargin.pcmMobileTable.nowrap.dataTable.no-footer.dtr-column .IL.State.Taxes,
.pcm-table.standard.table.tableNoMargin.pcmMobileTable.nowrap.dataTable.no-footer.dtr-column .LA.State.Taxes,
.pcm-table.standard.table.tableNoMargin.pcmMobileTable.nowrap.dataTable.no-footer.dtr-column .CA.State.Taxes,
.pcm-table.standard.table.tableNoMargin.pcmMobileTable.nowrap.dataTable.no-footer.dtr-column .GA.State.Taxes {
    padding-top: 30px;
}


/*Override for the X button on the Quick action menu*/

.modal .quick-action-modal-content .icon-close.modal-close {
    font-size: 27px;
}


/*Fix the size of the X button on the Quick action menu for smaller mobile devices*/

@media screen and (max-width: 375px) {
    .modal .quick-action-modal-content .icon-close.modal-close {
        font-size: 30px;
    }
}

.input-field {
    position: relative;
}

table.materialDataTable.dataTable.nowrap .c-description.description-no-whitespace {
    white-space: normal;
}

.materialDataTable .table_caption{
    height: 0;
    width: 0;
    overflow: hidden;
}

.modal__hidden-element--beginmodal,
.modal__hidden-element--endmodal {
    pointer-events: none;
    color: transparent;
    cursor: default;
    height: 1px;
    outline: none;
    position: absolute;
    text-align: center;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.modal__hidden-element--beginmodal::selection,
.modal__hidden-element--endmodal::selection {
    background-color: transparent;
}

.modal__hidden-element--endmodal {
    bottom: 24px;
}

.modal.full-screen {
    top: 0 !important;
    min-width: 100%;
    min-height: 100%;
    bottom: 0;
    right: 0;
    left: 0;
}

.modal.full-screen .modal-body {
    max-height: 100%;
    overflow-y: auto;
}

.reviewCommentField ul:not(.browser-default) {
    padding-left: 40px;
    list-style-type: disc;
}

.reviewCommentField ul:not(.browser-default)>li {
    list-style-type: disc;
}

.dtSearchLabel {
    /*color: white;*/
    opacity: 0;
}

/* Datepicker adjustments for Web Time Sheets */
@media screen and (min-width: 920px) and (max-width: 1160px) {

    div[name="punch-time"] div.input-field,
    div[name="comment-time"] div.input-field {
        width: 100% !important;
    }

    div[name="punch-time"] label[for="punch_exclude_weekends"] {
        top: 0px !important;
    }

    div[name="to_label"] {
        text-align: left;
    }

    div[name="punch-time"] div[name="time-inputs"] label[class="active"] {
        padding-top: 4px;
    }
}

@media screen and (min-width: 600px) and (max-width: 850px) {

    div[name="punch-time"] div.input-field,
    div[name="comment-time"] div.input-field {
        width: 100% !important;
    }

    div[name="punch-time"] label[for="punch_exclude_weekends"] {
        top: 0px !important;
    }

    div[name="to_label"] {
        text-align: left;
    }

    div[name="punch-time"] div[name="time-inputs"] label[class="active"] {
        padding-top: 4px;
    }
}

@media screen and (max-width: 345px) {

    div[name="punch-time"] div.input-field,
    div[name="comment-time"] div.input-field {
        width: 100% !important;
    }

    div[name="punch-time"] label[for="punch_exclude_weekends"] {
        top: 0px !important;
    }

    div[name="to_label"] {
        text-align: left;
    }

    div[name="punch-time"] div[name="time-inputs"] label[class="active"] {
        padding-top: 4px;
    }
}

@media screen and (max-width: 495px) {
    #vehicleInfoContainer .input-field {
        margin-top: 3rem;
    }

    #vehicleInfoContainer .input-field label {
        top: -1rem;
    }
}

@media screen and (max-width: 425px) {
    input#punch_exclude_weekends[type="checkbox"]:not(:checked),
    input#punch_exclude_weekends[type="checkbox"]:checked{
        float: right;
        top: 87px;
        right: 138px;
        height: 20px;
        width: 20px;
    }

    #taxInfoEditableTable_wrapper .tsp-addldctamt-input-container.input-field{
        z-index:1 ;
    }
    #taxInfoEditableTable_wrapper .icon-arrow-down.arrow-expand.font-arrow-down,
    #taxInfoEditableTable_wrapper .icon-arrow-up.arrow-expand.font-arrow-up{
        padding-left: 9px;
        margin-top: -16px;
        outline: none;
        position: relative;
        left: 19px;
    }
    .tsp-dependamt-input-container div.input-field.col label,
    .tsp-addlincamt-input-container div.input-field.col label,
    .tsp-addldctamt-input-container div.input-field.col label,
    .tsp-amount-input-container div.input-field.col label{
    width:77px;
    overflow: hidden;
    text-overflow: clip;
    }

    .tsp-dependamt-input-container div.input-field.col label.active,
    .tsp-addlincamt-input-container div.input-field.col label.active,
    .tsp-addldctamt-input-container div.input-field.col label.active,
    .tsp-amount-input-container div.input-field.col label{
        width: auto !important;
    }
}

#recent-punches-table tbody tr td span.icon-edit:active{
    outline: none;
}

.preloader-wrapper.tiny {
    width: 20px;
    height: 20px;
}

/** taking away green on imputs */

input.valid:not([type]), input.valid:not([type]):focus,
input[type=text].valid:not(.browser-default),
input[type=text].valid:not(.browser-default):focus,
input[type=password].valid:not(.browser-default),
input[type=password].valid:not(.browser-default):focus,
input[type=email].valid:not(.browser-default),
input[type=email].valid:not(.browser-default):focus,
input[type=url].valid:not(.browser-default),
input[type=url].valid:not(.browser-default):focus,
input[type=time].valid:not(.browser-default),
input[type=time].valid:not(.browser-default):focus,
input[type=date].valid:not(.browser-default),
input[type=date].valid:not(.browser-default):focus,
input[type=datetime].valid:not(.browser-default),
input[type=datetime].valid:not(.browser-default):focus,
input[type=datetime-local].valid:not(.browser-default),
input[type=datetime-local].valid:not(.browser-default):focus,
input[type=tel].valid:not(.browser-default),
input[type=tel].valid:not(.browser-default):focus,
input[type=number].valid:not(.browser-default),
input[type=number].valid:not(.browser-default):focus,
input[type=search].valid:not(.browser-default),
input[type=search].valid:not(.browser-default):focus,
textarea.materialize-textarea.valid,
textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
    border-bottom: 1px solid #9e9e9e;
    -webkit-box-shadow: none;
    box-shadow: none;
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #afafaf;
  -webkit-box-shadow: 0 1px 0 0 #afafaf;
          box-shadow: 0 1px 0 0 #afafaf;
}

.pcm-select-input:focus {
    border-bottom: 1px solid rgb(158, 158, 158);
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.tsp-dependamt-input-container .input-group-addon.input-group-addon--prepend{
    bottom: 0;
    top: 10px;
}

.tsp-addlincamt-input-container .input-group-addon.input-group-addon--prepend,
.tsp-addldctamt-input-container .input-group-addon.input-group-addon--prepend,
.tsp-amount-input-container .input-group-addon.input-group-addon--prepend{
    bottom: 0;
    top: 10px;
}

.tsp-dependamt-input-container div.input-field.col input[name="dependamt"],
.tsp-addlincamt-input-container div.input-field.col input[name="addlincamt"],
.tsp-addldctamt-input-container div.input-field.col input[name="addldctamt"],
.tsp-amount-input-container div.input-field.col input[name="amount"]{
    padding-left: 11px;
}

.tsp-dependamt-input-container div.input-field.col label.active,
.tsp-addlincamt-input-container div.input-field.col label.active,
.tsp-addldctamt-input-container div.input-field.col label.active,
.tsp-amount-input-container div.input-field.col label.active{
    transform-origin: left;
    height: auto;
    left: 0 !important;
    white-space: nowrap;
}
.tsp-dependamt-input-container div.input-field.col label,
.tsp-addlincamt-input-container div.input-field.col label,
.tsp-addldctamt-input-container div.input-field.col label,
.tsp-amount-input-container div.input-field.col label{
    white-space: nowrap;
    left: 9px !important ;
}
.TestSamplePaycheck-multiplejob-fix{
    padding-right: 20px;
}


/****  floating-Label style start ****/

.floating-label {
    position:relative;
}

.floating-select:focus ~ label ,
.floating-select:not([value=""]):valid ~ label {
    transform: translateY(-14px) scale(0.8);
    transform-origin: 0 0;
    left: 0.75rem;
    transition:0.2s ease all;
    -moz-transition:0.2s ease all;
    -webkit-transition:0.2s ease all;
}

select.floating-select.browser-default+label {
    position: absolute;
    top: 0;
    left: 0.75rem;
    height: 100%;
    font-size: 1rem;
    cursor: text;
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    text-align: initial;
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
    pointer-events: none
}

.tsp-dependent1-input-container div.input-field.col label,
.tsp-dependent2-input-container div.input-field.col label {
    left: 0rem;
}
/****  floating-Label style end ****/